<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 直接书写标签的选择器叫做标签选择器，类型选择器  语法： div{} */
			/* 实现的效果就是修改所有的p或者所有的div */
			
			p{
				color: orange;
			}
			.a1{
				color: blue;
			}
			.狗蛋{
				color: green;
			}
			/* 不对 不能纯数字开头 */
			.0a{
				color: black;
			}
		</style>
	</head>
	<body>
		<p class="a1">我是段落1</p>
		<p class="text2">我是段落2</p>
		<p class="狗蛋">我是段落3</p>
		<p class="0a">我是段落4</p>
	</body>
</html>
<!-- 
 如果想要相同的标签，实现不同的css样式，那么建议使用新的选择器来实现效果
 1、用class选择器
	使用过程：
	A\ 给想要区分的标签添加class="属性值1 属性值2  属性值3"
		class里面的属性值，不能是纯数字开头  class="0box"不可以
		class里面的属性值，不建议使用中文，原因是因为中文容易造成乱码class="翠花"
		class里面的属性值，可以用汉语拼音或者英文，建议使用语义化的英文
			class="box"  这个是1个盒子  class="logo" 这个是一个标志
		class里面的属性值，可以添加-或者_符号辅助 class="a-1" class="box_a"
	B\ 在style标签中调用刚才的class属性值，修饰css样式
			语法   .class属性值{width:200px;}
	C\ class选择器的权重是0010	
	D、 class的属性值可以是1个，也可以是多个	
 2、用id选择器
	使用过程：
	A\ 给想要区分的标签添加id="属性值"
	B\在style标签中调用刚才的id属性值，修饰css样式
			语法   #id属性值{width:200px;}
	C\ id选择器的权重是0100
	D、 id的属性值只能是1个，id具有唯一性		

 
 
 -->
